<!DOCTYh1E html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>字体-粗细</title>
        <style>
            body{
                font-family: "微软雅黑"
            }
            h1.normal{
                font-weight: normal;
            }
            h1.bold{
                font-weight: bold;
            }
            h1.bolder{
                font-weight: bolder;
            }
            h1.eqbold{
                font-weight: 700;
            }
            h1.big{
                font-weight: 900;
            }
            h1.lighter{
                font-weight: lighter;
            }
            h1.eqlighter{
                font-weight: 100;
            }
        </style>
    </head>
    <body>
         <h1 class="normal">
             i am normal
         </h1>
         <h1 class="bold">
             i am bold
         </h1>
         <h1 class="bolder">
             i am bolder
         </h1>
         <h1 class="eqbold">
             i am 700
         </h1>
         <h1 class="big">
             i am 900
         </h1>
         <h1 class="lighter">
             i am lighter
         </h1>
         <h1 class="eqlighter">
             i am 100
         </h1>
    </body>
</html>